/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	padding:0; margin:0;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif,'Suwannaphum',Khmer OS;
	font-size:12px;
	color: #333;
	/*background: #EEE;*/
	}
div, mg, p, a, ul, form, input, label, h2, h3{
	padding:0; margin:0;
}
img{ border:none;}
a{ outline:none; text-decoration:none;color:#000}
ul{ list-style-type:none;}
.spacer{
	line-height:0; font-size:0; clear:both;
	}

/*-------------------------- HEADER --------------------------*/
div#header-bg{
	background:url(../img/header-bg1.gif) 0 100% repeat-x;	
	}
div#header-bg div#header{
	width:970px; margin:0 auto;
	height:120px;
	padding:20px 0;
	background:url(../img/header-bg.jpg) 0 100% repeat-x;
	}
div#header-bg div#header #logo{
	float:left; margin:0;
	}
div#header-bg div#header div#sn-search{
	float:right; margin:0;
	}
div#header-bg div#header #sn-search a.facebook{
	background:url(../img/icon_sn.png) no-repeat scroll 0 0 transparent;
	display:block; height:25px; width:39px;
	}
div#header-bg div#header #sn-search a.twitter{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -50px transparent;
	display:block; height:25px; width:39px;
	}
div#header-bg div#header div#sn-search a.linkin{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -100px transparent;
	display:block; height:25px; width:39px;
	}
div#header-bg div#header div#sn-search a.youtube{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -150px transparent;
	display:block; height:25px; width:39px;
	}
div#header-bg div#header div#sn-search a:hover.facebook{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -25px transparent;
	}
div#header-bg div#header #sn-search a:hover.twitter{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -75px transparent;
	}
div#header-bg div#header div#sn-search a:hover.linkin{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -125px transparent;
	}
div#header-bg div#header div#sn-search a:hover.youtube{
	background:url(../img/icon_sn.png) no-repeat scroll 0 -175px transparent;
	}
div#header-bg div#header div#sn-search a{
	color:#FFF; font-size:14px;
	}
div#header-bg div#header div#sn-search a:hover{
	color:#00aeef;
	}
div#header-bg div#header div#sn-search div#search-area{
	position: relative;
	display: block;
	float: left;
	background-color: #090453;
    border: 1px solid #00AEEF;
    border-radius: 2px 2px 2px 2px;
    clear: both;
    float: right;
    height: 25px;
    margin-top: 30px;
    width: 310px;
    overflow: hidden;
	}
div#header-bg div#header div#sn-search div#search-area input.search{
	border: medium none;
    float: left;
    height: 25px;
    margin: 0;
    width: 280px;
    padding: 0px 30px 0px 0px;
    z-index:98;
	}
div#header-bg div#header div#sn-search a.icon-search{
	position: absolute;
	top: 0px;
	right: 0px;
	background:url(../img/icon-search-s.png) no-repeat center -17px transparent;
	display:block; height:30px; width:30px;
	z-index:99;
	cursor: pointer;
	border-left: 1px solid #F1F2F3;
	}
/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
	position: relative;
	display: block;
	margin: -10px auto 0px auto;
	width: 100%;
	background:url("../img/navigation-bg.gif") 0 0 repeat-x ;
	height: 35px;
	/*
	height:70px;
	border-bottom: 1px solid #CCC;
	*/
}
div#navigation-bg div#navigation{
	position: relative;
	display: block;
	float: none;
	width:970px; 
	margin:0 auto;
	/*text-align: center;*/
	}
div#navigation-bg div#navigation div.mainMenu{
	display: block;
	float: none;
	width: 100%;
	/*text-align: center;*/
}
div#navigation-bg div#navigation div.mainMenu div.menu {
	/*width:97px;*/
	height: 30px;
	padding: 1px;
	display: inline-block;
	margin: 0px 1px ;
	}
div#navigation-bg div#navigation div.mainMenu div.menu a{
	/*width:96px; */display:block;padding:10px 14px;
	text-align:center;
	font-weight:bold; 
	color:#FAFAFA; 
	font-size:12px;
	line-height:13px;
}
div#navigation-bg div#navigation div.mainMenu div.activeNav {
	height: 30px;
	border: none;
	padding: 0px;
	display: inline-block;
	margin: 0px ;
}
div#navigation-bg div#navigation div.mainMenu div.selectMenu{
	border-radius: 3px 3px 0px 0px;
	padding: 1px;
	background: #FFF;
	box-shadow: 0px 0px 1px #FFF;
}
div#navigation-bg div#navigation div.mainMenu div.menu:hover {
	border: 1px solid #333;
	border-bottom: none;
	border-radius: 3px 3px 0px 0px;
	padding: 0px 0px 1px 0px;
	background: #FFF;
	box-shadow: 0px 0px 1px #FFF;
}
div#navigation-bg div#navigation div.mainMenu div.menu:hover a, div#navigation-bg div#navigation div.mainMenu div.selectMenu:hover a {
	color: #333;
	background: none;
}
div#navigation-bg div#navigation div.mainMenu div.selectMenu a {
	color: #F1F2F3;
	background: #090453;
	border: none;
}
/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
div#navigation-bg div#navigation div.mainMenu div.has_sub:hover div.subNav {
	display: block;
	border: 1px solid #999;
	border-top: none;
	box-shadow: 0px 0px 2px #666;
}
div.subNav{
	display:none;
	position:absolute;
	left:0;
	width: 970px;
	top: 32px;
	font-size:10px;
	padding: 5px 0px;
	z-index:20;
	text-align: center;
	background: #FFF;
	line-height: 25px;
	/*
	border: 1px solid #08122B;
	border-top: none;
	border-radius: 0px 0px 2px 2px;
	box-shadow: 0px 2px 3px #AAA;
	*/
}
div.activeNav:hover {
	border: none !important;
}
div.menu:hover div.subNavActive a {
	color: #FFF !important ;
}
div.subNavActive {
	position: absolute;
	display: block;
	left: 0;
	top: 32px;
	width: 100%;
	padding: 5px 0px;
	height: 23px;
	text-align: center;
	overflow: hidden;
}
div.subNavActive a {
	position: relative;
	height: 25px;
	line-height: 25px;
	color: #F1F2F3;
	font-size: 12px;
	float: left;
	width:auto !important;
	display: block !important ;
	padding: 0px 5px  !important ;
}
div.subNavActive a:hover {
	text-decoration: underline;
}
div.hide{
	display:none !important;
}
div.show{
	display:block !important;
}
div#navigation-bg div.selectedSubMenuHolder{
	position: absolute;
	display: block;
	left: 0;
	top: 35px;
	width: 100%;
}
div#navigation-bg div#navigation div.selectSubMenu {
	
}
div.subNav a{
	float: left;
	width:auto !important;
	display: block !important ;
	padding: 5px  !important ;
	border-right: 1px solid #CCC !important ;
	font-size: 12px;
}
div.subNav a:last-child {
	border: none !important;
}
div.subNav a:hover, div.subNav a.subActive , div.subNavActive a.subActive {
	text-decoration: underline !important;
}
/*-------------------------- Container --------------------------*/
div#container{margin: 0 auto 10px; width: 970px;overflow: hidden;padding-bottom:1px}

/*-------------------------- FOOTER PART --------------------------*/
div#footer-bg{
	background:url(../img/footer-bg1.gif) 0 bottom repeat-x #08122B;	clear: both;line-height:13px
	}
div#footer-bg div#footer-menu{
	width:970px; margin:0 auto;
	padding:20px 0 15px;
	font-size:12px;
	}
div#logo-footer{
	padding-bottom:20px;
	}
#hr{
	border-bottom: 1px dashed #fff;
	margin:19px 0 0;padding:0;
	}
#hr-w{
	border-bottom: 1px dashed #000;
	padding:0;
	}
div#footer-bg div#footer-menu div.ftitle{
	color:#FFFFFF;
	padding:3px 0 8px 0;
	}
.col {
    width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
	}
.col2 {
    width: 50%;
	height: 100%;
	overflow: hidden;
	float: left;
	}	
.col3 {
    width: 33.33%;
	height: 100%;
	overflow: hidden;
	float: left;
	}
.col4 {
    width: 25%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.col5 {
    width: 20%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.col6 {
    width: 16.66%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.col a,.col2 a,.col3 a,.col4 a,.col5 a,.col6 a {
    display: block;
    padding:2px 15px 3px 10px;
    overflow: hidden;
	color:#00aeef;
}
.col a:hover,.col2 a:hover,.col3 a:hover, .col4 a:hover,.col5 a:hover,.col6 a:hover{
	color:#FFFFFF;
}
div#copyright-bg{
	background-color:#00aeef;	
	}
div#copyright-content{
	width:970px; margin:0 auto;
	padding:10px 0;
	}
div#copyright-content div.copyright{
	width:500px; float:left;
	color:#FFFFFF;
	font-size:11px;
	}
div#copyright-content div.poweredby{
	width:470px; float:left;
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
	}
/*-------------------------- MISLENIOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}
/* START ARTICLE STYLE */
.article_holder , .top_article_holder {
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	/*width: 970px;*/
	
}
.article_holder{overflow:hidden;float:left;/*border-left:1px solid #00aeef*/ }
.last_article_caption {
	position: relative;
	display: block;
	overflow:hidden;
	float: left;
	width: 690px;
	margin: -1px 0px 0px 0px;
	padding: 0px ;
	border-top: 1px solid #00aeef;
}
.last_article_caption:first-child{margin-top:0}
.last_article_caption > span, .last_article_caption > a > span{display:inline-block;text-shadow:0px 1px 1px #000;background:#00AEEF;border-radius:0 0 15px 0;padding:3px 28px 3px 10px;color:#fff}
.category_title{}
.last_article_caption a{
	color:#00AEEF;
}
.last_article {
	position: relative;
	display: block;
	float: left;
	width: 680px;
	height: auto;
	margin: 0px 0px 0px 3px;
	padding: 10px 0px ;
	cursor: default;
	border-bottom: 1px solid #00aeef;
}
.last_article:last-child{
	border-bottom:none
}
.last_article .last_article_title,.article_title {
	position: relative;
	display: block;
	float: left;
	width: 510px;
	margin:-5px 0 0 0;
	line-height: 20px;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 14px;
}
.last_article .last_article_title a, .top_article_title a,.article_title{
	/*color:#00AEEF;*/
	color: #333;
}
.last_article_title a:hover, .top_article_title a:hover{
	color:#1A134C;
	/*color:#00AEEF*/
}
.last_article_title a:hover .search-highlight, .top_article_title a:hover .search-highlight{color:#333333}
.search-highlight {
    color: #00AEEF;
    font-style: italic;
    font-weight: bold;
}
.last_article_img{
	position: relative;
	display: block;
	float: left;
	width: 125px;
	height: 96px;
	margin-right:5px;	
	background: url(../img/dot.png) 0 0 repeat #EEE;	
}
.last_article .last_article_img{padding:2px;border:1px solid #CCCCCC;}
.last_article_brief {
	position: relative;
	display: block;
	float: left;
	width: 528px;
	margin-left:5px;
	padding: 5px;
}
.no-image{width:99%}
.last_article_info,.article_info {
	position: relative;
	display: block;
	float: left;
	color: #AAA;
	width: 510px;
	margin-left:5px;
	padding: 2px 5px;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
}
.article_info{
	margin-left:9px
}
.last_article_info a,.article_info a{
	color:#333
}
.last_article_info a:hover,.article_info a:hover{
	text-decoration:underline
}
.read_more{
	position:absolute;
	right:1px;
	bottom:2px;
	font-style:italic;
	color:#00AEEF;
}
.read_more:hover{
	color:#000;
}
.article_title{width:98%;margin:0 0 0 8px}
.article_full_text{overflow:hidden;float:left;margin:15px 10px 5px;text-align:justify; width: 99%;
word-wrap: break-word;
/*word-break: break-all;*/ }
.article_full_text a{font-style:italic}
.article_full_text a:hover{
	text-decoration:underline;
}
.main_contain {
	position: relative;
	display: block;
	float: left;
	width: 690px;
	height: auto;
	padding: 5px;
	margin: 5px 0px;
	overflow: hidden;
}
.side_bar {
	position: relative;
	display: block;
	float: left;
	width: 260px;
	height: auto;
	padding: 5px 5px 0 5px;
	margin: 5px 0px 0;
}
.advertise , .concepts , .q_a{
	position: relative;
	display: block;
	float: left;
	width: 248px;
	height: 200px;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #00aeef;
	border-radius: 2px ;
}
.top_article_holder {
	position: relative;
	display: block;
	float: left;
	width: 690px;
	margin: 0px 0px 15px 0px;	
}
.top_article_caption {
	position: absolute ;
	display: block;
	top:0;
	left:0;
	float: left;
	height: 15px;
	padding:5px 10px;
	line-height: 15px;
	text-shadow:0px 1px 1px #000;
	background:#00AEEF;
	border-radius: 0 0 10px 0;
	z-index:10;
	color:#fff
}
.content {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 680px;
	height: auto;
}
.top_articles {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 680px;
	height: auto;
	border: 1px solid #00AEEF;
	border-radius: 2px;
}
.top_articles .top_article .last_article_img{width:125px}
.content{margin-bottom:5px;padding-top:10px}
.top_article {
	position: relative;
	display: block;
	float: left;
	width: 123px;
	height: 115px;
	margin: 0px ;
	padding: 5px;
	border: 1px solid #FFF;
	overflow: hidden;
}
.top_article:hover, .top_article_active {
	border: 1px solid #00aeef;
	border-radius: 2px;
	background: #00aeef;
}
.top_article .top_article_img {
	position: relative;
	width: 125px;
	height: 96px;
	background: #EEE;
}
.top_article .top_article_img > img{
	width: 125px;
	/*height: 70px;*/
	vertical-align:top;
	display:inline-block
}
.top_article .top_article_title {
	position: relative;
	width: 125px;
	height: 40px;
	line-height: 20px;
	padding: 5px 0px;
}
.active_top_article {
	position: relative;
	display: block;
	float: left;
	width: 668px;
	height: 202px;
	padding: 5px;
	/*background: #EEE;*/
}
.active_top_article .top_article_img {
	position: relative;
	display: block;
	float: left;
	width: 280px;
	height: 202px;
	background: url(../img/dot.png) repreat 0 0 #eee;
}
.active_top_article .top_article_title {
	position: relative;
	display: block;
	float: left;
	width: 378px;
	padding: 0 5px;
	line-height: 25px;
	font-size:22px
}
.active_top_article .top_article_title a{
	display:block;
	overflow:hidden;
	padding:3px 5px;
	width:378px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.active_top_article .top_article_title a:hover {
	display:block;
	color:#00AEEF;
}
.active_top_article .top_article_brief {
	position: relative;
	display: block;
	float: left;
	width: 378px;
	padding: 5px 0 5px 10px;
	line-height: 20px;
	font-size:13px;
	text-align:justify;
}
/* social-network-page-like */
.social-network-page-like{float:left;position:relative;width:98%;padding:10px 0 0;left:10px;top:9px;border-bottom:1px solid #eee;border-top:1px solid #eee}
.social-network-page-like .fb{float:left;margin-right:2px !important}
.social-network-page-like .g-plus{float:left;margin-left:-8px}
.social-network-page-like .linkin{width:64px;float:left;margin-left:-27px}
.social-network-page-like .twitter{float:left;margin-left:0px}
.social-network-page-like .twitter .twitter-share-button{width:86px !important}
.social-network-page-like .print{overflow:hidden;float:left;background:url(../img/icon-print.png) no-repeat;width:20px;height:20px}
.social-network-page-like .print a,.social-network-page-like .email a{display:block;text-indent:-50px}
.social-network-page-like .email{overflow:hidden;float:left;background:url(../img/icon_email.gif) no-repeat 0 3px;width:20px;height:20px;margin-left:5px}
/* feedback */
.cboth{clear:both}
.cls{
	clear:both;
	margin-bottom:10px;
	padding:10px 0 0 0;
	border-bottom:1px dashed #eee
}
.visitor_feedback{
	overflow:hidden;
}
.visitor_feedback h3{
	font-size:12px;
}
.visitor_feedback textarea{
	width:98%;
	padding:5px;
}
.visitor_feedback #btn_post_feedback{
	float:right;
	margin:2px 2px 2px 0
}
.number_of_comment{
	clear:both;
	display:block;
	margin-bottom:10px;
	border-bottom:2px solid #ccc
}
.visitor_feedback ul{
	overflow:hidden;
	margin:0 0 0 15px;
	padding:0
}
.visitor_feedback ul li{
	float:left;
	width:100%;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}
.visitor_feedback ul li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.visitor_feedback ul li .post_name{
	
	color:#2663A5;
	font-weight:bold
}
.duration{
	color:#AAAAAA;
	font-size:10px;
	font-weight:normal;
}
.response{
	margin:5px 0 0 15px;
	font-style:italic
}
.response dd{
	margin-left:15px;
}
.feedback_inform{
	clear:both;
	display:block;
	font-style:italic;
	color:red;
	text-align:center;
	background-color:#eee;
	padding:5px 0 2px;
}
.box-required{
	border-color:red;
}
input[type="button"]{
	cursor:pointer;
	border-radius: 1px;
	border:1px solid #ccc
}
input[type="button"]:hover,input[type="text"]:hover,input[type="email"]:hover,input[type="password"]:hover,select:hover,
input[type="button"]:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,select:focus{
	border-color: #00AEEF !important;
}
textarea{
	border-radius:3px;
	border:1px solid #ccc;
}
.side_bar .fb_iframe_widget{margin-bottom:222px !important}
.side_bar .fb_iframe_widget iframe{border:1px solid #00AEEF !important}
/* sitemap */
.sitemap{overflow:hidden;margin:0 0 0 10px;padding:0 0 0 15px;list-style:square}
.sitemap > li{float:left;margin:0 15px;min-width:180px}
.sitemap > li > a{font-weight:bold}
.sitemap > li a:hover{color:#00AEEF}
.sitemap > li ul{display:block;margin-left:15px;padding:0 0 0 10px;list-style:circle}
.fb-like-box > span{height:190px !important}
.resource_store {
	border-top: 1px solid #00AEEF;
}
.resource_h {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px;
	width: 100%;
}
.resource_preimum , .resource_free{
	position: relative;
	display: block; 
	float: left;
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
	border-radius: 2px ;
	margin: 5px 0px;
	padding: 0%;
}
.resource_caption {
	position: relative;
	display: block;
	line-height: 30px;
	width: 100%;
	padding: 0%;
	color: #000;
	/*text-indent: 10px;
	text-shadow:0px 1px 1px #000;
	/*background: #00AEEF;*/
}
.resource_caption .resource_dl {
	position: relative;
	display: block;
	float: right;
	height: 24px;
	width: 24px;
	margin: 3px;
	background: url(../img/dl.png) no-repeat scroll center 5px #e3e3e3;
	cursor: pointer;
	border-radius: 2px;
}
.resource_caption .resource_dl:hover{background-color:#ccc}
.resource_item, .resource_date, .resource_type {
	position:relative;
	display: block;
	float: right;
	font-weight:bold;
	color:#555;
	/*height: 40px;
	line-height: 40px;*/
}
.resource_item {
	width: 59%;
	text-indent: 10px;
}
.resource_type, .resource_date {
	/*width: 20%;*/
	text-align: right;
}
.resource_title {
	position: relative;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 3px 15px 3px 10px;
	text-shadow: 0 1px 1px #000000;
	color: #FFF;
	border-radius: 0px 0px 10px 0px;
	background: #00AEEF;
}
.submit{width:25% !important}
.f_p_h {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
.signin_holder, .signup_holder {
	display: block;
	float: left;
	width: 50%;
}
div.popup_background {
	background: #FFF; 
	padding: 0px; 
	margin: 0px auto;
	overflow: hidden;
	border: 1px solid #CCC;
}
div.item_premium {
	display: block;
	width: 20px;
	height: 20px;
	background:url(../img/rsrc.png) 0 -20px no-repeat;
}
div.item_free {
	display: block;
	width: 20px;
	height: 20px;
	background:url(../img/rsrc.png) 0 0px no-repeat;
}
.no-border-top{border-top:none}
.lst-cate-menu{overflow:hidden;width:100%;margin-top:0px;padding:5px 5px 5px 8px;background:url(../img/dot.png) 0 0 repeat}
.lst-cate-menu li{float:left}
.lst-cate-menu li:first-child{border-left:none}
.lst-cate-menu li:last-child{border-right:none}
.lst-cate-menu li > a{padding:0px 7px;font-size:12px;color:#555;text-shadow:0 1px 1px #999}
.lst-cate-menu li > a:hover{color:#000;text-decoration:underline}
.cate-active{text-decoration:underline}
.load-article{background-image:url(../img/ajax-loader.gif) !important;background-position:100% center !important;background-repeat:no-repeat !important;background-size:20% 90% !important}

#container-preview{width:100%}
.main_contain-preview{width:99%}
.content-preview{width:100%}
.banner-header{text-align: center; background: none repeat scroll 0px 0px rgb(0, 174, 239); margin: -5px -5px 10px; padding: 5px;}
.tbl-visitor-counter td:first-child{padding:0 5px 0 5px}

.navigator {
    position: relative;
    display:block;
    float: left;
    width: 98%;
    padding: 5px 1%;
}

.navigator a.navigator_item,.navigator a.category_item {
    position: relative;
    display: block;
    float: left;
    padding: 5px;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 2px #CCC;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 5px;
}
.navigator a.navigator_item:hover, .navigator a.category_item:hover {
    background: #DDD;
}
.navigator a.navigator_item_active, .navigator a.category_item_active {
    position: relative;
    display: block;
    float: left;
    padding: 5px;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 2px #CCC;
    margin-right: 5px;
    border-radius: 5px;
    color: #00AEEF;
    font-weight: bold;
}
.rstp_h {
    display: block;
    width: 100%;
}
.rstp_h_email {
    display: block;
    float: left;
    width: 250px;
    border: 1px solid #CCC;
    margin: 10px auto;
    height: 30px;
    line-height: 30px;
}
.rstp_h_btnsubmit {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 30px;
    margin: 5px auto;
    padding: 5px;
}
.free-resource{overflow:hidden}
.free-resource .category_title{border:none;border-top:2px dashed #eee;padding-top:10px}
.free-resource .category_title:first-child{border:none;padding-top:0}
.free-resource .category_title > a{}
.free-resource .category_title > a > span{background:none;text-shadow:none;color:#00AEEF;font-weight:bold;margin:5px 0;padding-left:5px;border-left:10px solid;line-height:10px}
.cagetory_holder{clear:both;display:block;width:690px}
.cagetory_holder > .content{margin-bottom:5px;padding:0 0 0 10px}
.cagetory_holder > .content > p{text-align:justify}
.cagetory_holder > ul{clear:both;display:block;overflow:hidden;width:99%;margin-bottom:10px;margin-left:15px;padding-right:0;text-align:justify;list-style:square outside none}
.cagetory_holder > ul > li{float:left;width:97%;margin-bottom:5px;margin-left:17px;padding-bottom:5px;border-bottom:1px dashed #eee;color:#555}
.cagetory_holder > ul > li:last-child{margin-bottom:0;padding-bottom:0;border:none}
.cagetory_holder > ul > li span.title{font-weight:bold;color:#555}
.cagetory_holder > ul > li p{margin-top:5px;padding-right:25px;line-height:24px;text-align:justify}
.cagetory_holder > ul > li p > img{max-width:635px !important}
/* contact us */
.frm-contact{margin:25px 0 0}
.frm-contact table td{vertical-align:top;white-space:nowrap}
.frm-contact table td input[type="text"],.frm-contact table td textarea{width:70%;padding:2px 3px;border:1px solid #ccc}
.frm-contact table td textarea{height:150px}
.frm-contact table td textarea:hover,.frm-contact table td textarea:focus{border-color:#00AEEF}
.frm-contact table td label{display:block;color:#888}
.frm-contact table td .invalid{margin-bottom:10px;line-height:30px;background:#eee;text-align:center}
.frm-contact table td #security_code{width:45%;margin-top:6px;vertical-align:top}
.frm-contact table td .btn-contact-submit{float:right;margin-right:28%;padding:2px 15px;border:1px solid #ccc;border-bottom-width:2px}
.frm-contact table td .btn-contact-submit:hover{background-color:#e3e3e3;border-color:#888;cursor:pointer}